<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="/audi/common/taglibs.jsp"%>
<%@page isELIgnored="false"%>
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AUDI CLUBS</title>
 
<link href="${ctx}/styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="setbgimg1">
<div class="top_warp">
  <div class="top_nav">
  <ul>
  <li class="logoset1"><a href="#"><em>一汽大众</em></a></li>
   <li class="logoset2"><a href="#"><em>audi club</em></a></li>
   <li class="navset1"><a href="#"><em>首页</em></a></li>
      <li class="navset2"><a href="#"><em>圈子</em></a></li>
         <li class="navset3"><a href="#"><em>活动</em></a></li>
            <li class="navset4"><a href="#"><em></em></a></li> <li class="navset5"><a href="#"><em></em></a></li> <li class="navset6"><a href="#"><em></em></a></li>
  
     <li class="searchset1"><form><input type="image" src="<c:url value='/audi/member/images/search_btn.jpg'/>" style="float:left" /><div style="margin-top:20px; height:15px; float:left"><input style="width:78px; height:15px;" /></div></form></li>
        <li class="logoset3"><a href="#"><em>突破科技启迪未来</em></a></li>
  
  
  
  </ul>
  
  </div>
</div>
<div  class="clear"></div>
<div class="body_contents" id="register">
  <div class="body_contents_top"></div>    <form method="post" action="/sns/audi/register.action">
  <div class="register_title"><img src="<c:url value='/audi/member/images/register_title.jpg'/>" /><a href="#"><img src="<c:url value='/audi/member/images/btn_backup.jpg'/>" /></a></div>
  <div class="register_tabs">
    <ul class="register_tabs_left">
      <li><a href="#" class="selected">卓越会员</a></li>
      <li><a href="#">奥迪车主</a></li>
      <li><a href="#">奥迪粉丝</a></li>
    </ul>
    <div class="register_tabs_right">标注 <span class="redstar">*</span> 号为必填项</div>
  </div>
  <div class="register_intro">
      <p><c:out value="${message}"/></p>
      <ul class="register_intro_forms">
        <li class="register_intro_bg">
          <label class="redstar">*</label>
          <label class="form_text">卓越会员卡号</label>
          <label class="form_input_size1">
            <input type="text" name="cirleUser.email" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="redstar">*</label>
          <label class="form_text">密 码</label>
          <label class="form_input_size1">
            <input  type="password" name="cirleUser.password"/>
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">姓 名</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">姓名拼音</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">性 别</label>
          <label class="form_input_size2">
            <input name="" type="radio" value="" />
            <strong>男</strong>
            <input name="" type="radio" value="" />
            <strong>女</strong> </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">生 日</label>
          <label class="form_input_size3">
            <select name="">
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
            </select>
            年
            <select name="">
              <option>12</option>
            </select>
            月
            <select name="">
              <option>30</option>
            </select>
            日 </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">会员卡号</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">用户性质</label>
          <label class="form_input_size2">
            <input name="" type="radio" value="" />
            <strong>个人</strong>
            <input name="" type="radio" value="" />
            <strong>企业</strong> </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">公司名称</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">职 位</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">电 话</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">手 机</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">地 区</label>
          <label class="form_input_size3">
            <select name="">
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
            </select>
            省
            <select name="">
              <option>12</option>
            </select>
            市 </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">详细地址</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">邮 编</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">电子邮箱</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">兴趣爱好</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">新浪微博</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">曾加入的俱乐部或商会</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">拥有车型</label>
          <label class="form_input_size3">
            <select name="">
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
              <option>2012</option>
            </select>
            车型
            <select name="">
              <option>12</option>
            </select>
            辆 </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">参加过的活动</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_bg">
          <label class="noredstar">*</label>
          <label class="form_text">推荐购车人</label>
          <label class="form_input_size1">
            <input type="text" />
          </label>
        </li>
        <li class="register_intro_view" > <a href="#" class="hand_hover"><img src="<c:url value='/audi/member/images/register_form_li_arrow_view.jpg'/>" /></a>
          <div class="register_intro_view_bg">
            <label class="form_text">姓名</label>
            <label class="form_input_sizebg1">
              <input type="text" />
            </label>
          </div>
          <div class="register_intro_view_bg">
            <label class="form_text">电话</label>
            <label class="form_input_sizebg1">
              <input type="text" />
            </label>
          </div>
          <div class="register_intro_view_bg" style="background-image:url(images/register_form_li_li3.jpg); background-position:left top">
            <label class="form_text">意向车型</label>
            <div class="form_input_sizebg2">
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
              <label>
                <input name="A1" type="checkbox" value="" />
                A1</label>
            </div>
          </div>
          <div class="clear"></div>
        </li>
        <li class="register_intro_view" > <a href="#" style="padding-left:14px;"><img src="<c:url value='/audi/member/images/register_btn_re.jpg'/>" /></a> </li>
      </ul>

    <div class="register_intro_forms_btn"></div>
  </div>
  
  <div class="register_intro_forms_control">
  
  <input type="image" src="<c:url value='/audi/member/images/register_btn_zc.jpg'/>"  />  <input type="image" src="<c:url value='/audi/member/images/register_btn_ct.jpg'/>" />
  </div>
  
  
  <div class="body_contents_btn"></div>    </form>
</div>
<div  class="clear"></div>
<div class="footer_warp">
  <div class="footer_nav">
    <p><a href="#">关于奥迪驾控汇</a> | <a href="#">查找经销商</a> | <a href="#">预约试驾</a> 丨 <a href="#">网站地图</a> | <a href="#">帮助中心</a> | <a href="#">版权声明</a> | <a href="#">奥迪中国</a> 丨 <a href="#">奥迪全球</a></p>
    <p> <span class="engfont">&copy;&nbsp;2010.Audi AG.All rights reserved. </span> 京ICP备05002557号 </p>
  </div>
</div>
</body>
</html>
